<template>
  <div>

    <List content='不如你' title='春风十里' rightGo='more' :lable='lable' :even-more='more11'></List>
    <List choose='point' content='不如你' title='春风十里'></List>
    <List choose='new1' content='啊啊啊啊啊啊啊啊' title='春风十里'></List>
    <List type='icon' title='春风十里222' :contenticon.sync='true'></List>
    <List type='switch' title='春风十里222' :contenticon='true'></List>
    <List type='icon' :titleicon=true title='春风十里' :src='icon' :content-src='icon'></List>
    <List type='dubList' title='春风十里' right-go='more'></List>
    <List type='dubList' content='不如你' title='春风十里' right-go='content' state-content='说明'></List>
    <List type='dubIcon' state-content='哗啦啦' title='春风十里' right-go='content' remind-content='3'></List>

    <List type='imageList' title='用户名啊' :src='icon' :imgsrc='iconl'></List>
    <List type='moreList' title='用户名啊' :src='icon'></List>
  </div>
</template>
<script>
  import Vue from 'vue';
  import List from '../components/List.vue'
  import pacoTitle from '../components/Title.vue'
  import stateTitle from '../components/stateTitle.vue'

  export default {
    data() {
      return {
        icon: '../../static/images/logo.png',
        iconl: [{'imgsrc': '../../static/images/eg.png'}, {'imgsrc': '../../static/images/eg.png'}, {'imgsrc': '../../static/images/eg.png'}],
        lable: [{
          color: 'red',
          fontSize: '.75rem',
          lineHeight: '2.4rem',
          fontWeight: 500
        }]
      }
    },
    components: {List, pacoTitle, stateTitle},
    ready() {

    },
    methods: {
      more11() {
        alert('测试')
      }
    }
  }
</script>
<style scoped>
  .wrap {
    margin-bottom: 10px;
  }
</style>
